#{extends 'main.html' /}
<div class="page-group">
    <div class="page">
        <header class="bar bar-nav">
            <a href="javascript:history.go(-1);" class="icon icon-left pull-left"></a>
            <h1 class="title">绑定银行卡</h1>
        </header>
        <section class="repairList content scroll_y" style="padding-bottom:5rem ;">
            <div class="list-block">
                <ul>
                    #{list bankCards,as: 'bankCard'}
                        <li>
                            <a href="/bankcard/bankCardInfo/${bankCard?.id}" class="item-link item-content">
                                <div class="item-inner">
                                    <div class="item-title">${bankCard?.bankName}</div>
                                    <div class="item-after">****${bankCard?.bankCardNumber}</div>
                                </div>
                            </a>
                        </li>
                    #{/list}
                </ul>
            </div>
        </section>
        <div class="footbtn bar bar-tab">
            <a href="/bankcard/addNewBankCard" class="button button-link button-fill button-big button-orange">添加银行卡</a>
        </div>
        #{include 'weixin/footer.html'/}

    </div>
</div>

<script type="text/javascript">


    $(function() {

        $.init();
        $(".lunbo").swiper({
            autoplay: 3000  //可选选项，自动滑动
        });

        // 检测高度

        $(".content").on("scroll",function(){
            if($('.content').scrollTop() > 100){
                $('.bar-nav0').addClass("active");
            }else {
                $('.bar-nav0').removeClass("active");
            }
        });


    })
</script>